<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--<div style="width: 1000px;height: 800px; background: #333;"></div>-->

<div class="round-bg">学习一下圆角背景border-images</div>

<div style="-webkit-border-image: url(images/bt-bg.png) 2 12 2 12 stretch stretch;
-moz-border-image: url(images/bt-bg.png) 2 12 2 12 stretch stretch;
border-image: url(images/bt-bg.png) 2 12 2 12 stretch stretch;
display: block;
width:600px;
border-width:2px 12px;
padding:10px;
text-align: center;
font-size: 16px;
text-decoration: inherit;
color:white;+color:black;">在safari3+和FF3.5,chrome5.0+,opera10.53浏览器里能看到边框背景图</div>


<table style="table-layout:fixed;" width='100%'>
    <tr>
        <td width=50>asdasd</td>
        <td width=50>asdasd</td>
        <td style="word-wrap : break-word;word-break: break-all;">
            abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890</td>
    </tr>
</table>

</body>
</html>